{__NOLAYOUT__}
<html>
<head>
  {include file='common@base/meta'}
  <style>
    * {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

    a, img {
      border: 0;
    }

    .main {
      width: 30%;
      height: 30%;
      min-width: 480px;
      min-height: 290px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 150px;
      right: 0;

    }
    .wrapper{
      background: #9a9a9c;
      color: #ffffff;
      border-radius: 2%;
      padding: 20px;
      margin-top: 34px;
    }
    .jump{
      margin-top: 20px;
      font-size: 16px;
    }
    #href{
      color:#415bad;
    }
    #wait{
      color:#ff0000;
      margin: 0 5px;
    }
    .coffee{
      width:32px;
      height: 32px;
      position: absolute;
      right:0;
    }

  </style>
</head>
<body class="hold-transition">
<div class="main">
  <img src="/static/images/coffee.png" class="coffee" alt="">

  <div class="wrapper">
    <div class="tipInfo">
      <h4 style="line-height: 1.5">{$msg}</h4>
    </div>
    <hr>
    <div class="jump">
      <div><a id="href" href="{$url}">请点击这里跳转</a>
        <div style="float: right">或者请等待<b id="wait">{$wait}</b>秒</div>

      </div>
    </div>
  </div>

</div>
</body>
{include file='common@base/footer-js'}
<script>
  (function () {
    var wait = document.getElementById('wait')
      , href = document.getElementById('href').href;
    var interval = setInterval(function () {
      var time = --wait.innerHTML;
      if (time <= 0) {
        location.href = href;
        clearInterval(interval);
      }
    }, 1000);
  })();

</script>
</body>
</html>
